import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../views/LoginForm.vue'
// import Address from '../components/Address.vue'
// import Login from ''

import '../assets/css/global.css'
Vue.use(VueRouter)

const routes = [{
        path: '/',
        name: 'Login',
        component: Login
    },
    {
        path: '/Home',
        name: 'Home',
        component: () =>
            import ('../views/Home.vue'),
        children: [{
            path: '/Address',
            name: 'Address',
            component: () =>
                import ('../components/Address.vue')
        }, {
            path: '/Product',
            name: 'Product',
            component: () =>
                import ('../components/Product.vue')
        }, {
            path: '/Order',
            name: 'Order',
            component: () =>
                import ('../components/Order.vue')
        }, {
            path: '/ProCategory',
            name: 'ProCategory',
            component: () =>
                import ('../components/ProCategory.vue')
        }, {
            path: '/shopCart',
            name: 'shopCart',
            component: () =>
                import ('../components/shopCart.vue')
        }, {
            path: '/Seller',
            name: 'Seller',
            component: () =>
                import ('../components/Seller.vue')
        }, {
            path: '/TrendPage',
            name: 'TrendPage',
            component: () =>
                import ('../components/TrendPage.vue')
        }, {
            path: '/StockPage',
            name: 'StockPage',
            component: () =>
                import ('../components/StockPage.vue')
        }, {
            path: '/MapPage',
            name: 'MapPage',
            component: () =>
                import ('../components/MapPage.vue')
        }, {
            path: '/RankPage',
            name: 'RankPage',
            component: () =>
                import ('../components/RankPage.vue')
        }, {
            path: '/HotPage',
            name: 'HotPage',
            component: () =>
                import ('../components/HotPage.vue')
        }, {
            path: '/Screen',
            name: 'Screen',
            component: () =>
                import ('../components/ScreenPage.vue')
        }, {
            path: '/BookManagement',
            name: 'BookManagement',
            component: () =>
                import ('../components/BookManagement.vue'),
            children: [{
                path: '/ContentReview',
                name: 'ContentReview',
                component: () =>
                    import ('../components/ContentReview.vue')
            }]
        }, {
            path: '/KeywordsBase',
            name: 'KeywordsBase',
            component: () =>
                import ('../components/KeywordsBase.vue'),
        }]

    }
]

const router = new VueRouter({
    routes
})

export default router